/**
 * 熵巡 - 企业级氚云OpenAPI数据管理平台
 * 开发归属 Alyr.net
 * 全局CSS变量 - 颜色、尺寸、字体等统一变量
 * 尊重劳动成果是一种美德
 */

/* 禁止在其他文件中硬编码颜色 */

:root {
    /* === 主要颜色 - 中性色系统 === */
    --color-primary: #333333;        /* 主色-深灰 */
    --color-primary-hover: #555555;  /* 主色悬停 */
    --color-secondary: #999999;      /* 次要色-中灰 */
    --color-secondary-hover: #777777;/* 次要色悬停 */
    --color-tertiary: #cccccc;       /* 三级色-浅灰 */
    --color-tertiary-hover: #bbbbbb; /* 三级色悬停 */
    
    /* === 背景颜色 === */
    --color-bg-white: #ffffff;       /* 白色背景 */
    --color-bg-light: #f5f5f5;       /* 浅灰背景 */
    --color-bg-gray: #f9f9f9;        /* 灰色背景 */
    --color-bg-panel: #f8f9fa;       /* 面板背景 */
    --color-bg-dark: #e9ecef;        /* 深灰背景 */
    
    /* === 文字颜色 === */
    --color-text-dark: #333333;      /* 深色文字 */
    --color-text-normal: #666666;    /* 普通文字 */
    --color-text-light: #999999;     /* 浅色文字 */
    --color-text-muted: #aaaaaa;     /* 弱化文字 */
    
    /* === 边框颜色 === */
    --color-border: #dddddd;         /* 边框颜色 */
    --color-border-light: #e9ecef;   /* 浅边框 */
    --color-border-dark: #cccccc;    /* 深边框 */
    
    /* === 状态颜色 - 中性色 === */
    --color-success-bg: #f5f5f5;     /* 成功背景-浅灰 */
    --color-success-border: #dddddd; /* 成功边框-灰 */
    --color-success-text: #333333;   /* 成功文字-深灰 */
    
    --color-warning-bg: #f9f9f9;     /* 警告背景-灰 */
    --color-warning-border: #e0e0e0; /* 警告边框-灰 */
    --color-warning-text: #666666;   /* 警告文字-中灰 */
    
    --color-error-bg: #f5f5f5;       /* 错误背景-浅灰 */
    --color-error-border: #cccccc;   /* 错误边框-灰 */
    --color-error-text: #333333;     /* 错误文字-深灰 */
    
    --color-info-bg: #f8f9fa;        /* 信息背景-灰 */
    --color-info-border: #e9ecef;    /* 信息边框-浅灰 */
    --color-info-text: #666666;      /* 信息文字-中灰 */
    
    /* === 标签颜色 - 中性色 === */
    --color-tag-system-bg: #f5f5f5;
    --color-tag-system-text: #666666;
    --color-tag-business-bg: #f9f9f9;
    --color-tag-business-text: #333333;
    --color-tag-child-bg: #f0f0f0;
    --color-tag-child-text: #555555;
    --color-tag-image-bg: #eeeeee;
    --color-tag-image-text: #666666;
    --color-tag-attachment-bg: #f8f8f8;
    --color-tag-attachment-text: #777777;
    
    /* === 统一尺寸 === */
    --spacing-xs: 5px;    /* 超小间距 */
    --spacing-sm: 10px;   /* 小间距 */
    --spacing-md: 15px;   /* 中间距 */
    --spacing-lg: 20px;   /* 大间距 */
    --spacing-xl: 30px;   /* 超大间距 */
    
    /* === 统一圆角 === */
    --radius-none: 0;     /* 无圆角 */
    --radius-sm: 3px;     /* 小圆角 */
    --radius-md: 4px;     /* 中圆角 */
    --radius-lg: 6px;     /* 大圆角 */
    --radius-xl: 8px;     /* 超大圆角 */
    
    /* === 统一字体 === */
    --font-size-xs: 11px;   /* 超小字体 */
    --font-size-sm: 12px;   /* 小字体 */
    --font-size-md: 14px;   /* 中字体（默认）*/
    --font-size-lg: 16px;   /* 大字体 */
    --font-size-xl: 18px;   /* 超大字体 */
    --font-size-xxl: 24px;  /* 标题字体 */
    
    /* === 统一行高 === */
    --line-height-normal: 1.6;
    --line-height-tight: 1.4;
    --line-height-loose: 1.8;
    
    /* === 统一过渡 === */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* === 统一透明度 === */
    --opacity-disabled: 0.6;
    --opacity-hover: 0.85;
    
    /* === 统一z-index === */
    --z-index-modal: 10000;
    --z-index-popup: 9999;
    --z-index-dropdown: 1000;
    --z-index-tooltip: 100;
}
